﻿@using RiderShop.Mobile.Common.Component
@*@model  RiderShop.Mobile.Modle.Purchase.OrderCompletedModel*@
@section title
{
    订单支付完成
}
@section pagetitle
{
    订单支付完成
}

@section header
{
    <link rel="stylesheet" href="~/Themes/RongJi/Style/base/css/order.css">
    <style>
        .innerwrapper, .pageHeaderMini {
            display: none;
        }

        .front-mask {
            background-color: rgba(0,0,0,0.5);
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 99;
            display: none;
            text-align: center;
            z-index: 1;
        }

        .front-mask-content {
            max-width: 80%;
            background-color: white;
            margin: 30% auto;
            text-align: left;
            padding: 20px;
            border-radius: 4px;
        }

            .front-mask-content legend {
                font-size: 18px;
            }

        .la {
            float: left;
            width: 48%;
        }

        .ra {
            float: right;
            width: 48%;
        }
    </style>
}

<div class="orderSuccess">
    <dl>
        <dt class="blue msg">
            <i class="glyphicon glyphicon-ok"></i>
            <p class="f16">您的订单已经支付完毕，我们将安排尽快发货!</p>
        </dt>

        <dd></dd>
        <dd class="btnLine">
            <a href="~/MyAccount/OrderList" data-role="button" class="btn btn-success">查看我的订单</a>
            <a href="~/Home" data-role="button" class="btn btn-warning">继续逛一逛</a>
            <a href="javascript:void(0)" onclick="CloseWindow()" id="playGame" data-role="button" class="btn btn-danger">玩游戏</a>
        </dd>
    </dl>
</div>

<div id="gameTip" class="front-mask" style="display: none;">
    <div class="front-mask-content">
        <fieldset data-role="controlgroup">
            <legend>恭喜您，获得一次额外福利机会，您可以选择玩游戏或者立即抽奖，获取福利，谢谢。</legend>
        </fieldset>
        <div class="ui-grid-a">
            <a href='~/Promotion/GetGameView?ordernumber=@Request.QueryString["ordernumber"]&gameId=CarRace' class="btn btn-danger" data-role="button">小鲜马上跑</a>
            <a href='~/Promotion/GetGameView?ordernumber=@Request.QueryString["ordernumber"]&gameId=shack' class="btn btn-danger" data-role="button">摇一摇</a>
            <a href="javascript:void(0)" onclick="CloseWindow()" class="btn btn-info" data-role="button">放弃</a>
            <br class="clearfix">
        </div>
    </div>
</div>


@section footer
{

    <script>

        $(function () {
            $("#playGame").click(function () {
                $('#gameTip').fadeIn();
            });



            setTimeout(function () { $('#gameTip').fadeIn(); }, 800);
        });
        function CloseWindow() {
            $('#gameTip').fadeOut();
        }
    </script>
}
